<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
<meta charset="utf-8" name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>推荐有礼</title>
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/py.js"></script>
	
 	<link rel="stylesheet" href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/css/bootstrap.min.css" type="text/css" />  
    <link rel="stylesheet" href="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrapValidator/css/bootstrapValidator.css" type="text/css" />
    <link rel="stylesheet" 
	href="http://carowner.yonyouauto.com/fs01/ase/v1/components/new.min.css"> 
	<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/jquery2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrap/dist/js/bootstrap.min.js"></script>
    
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/hammer/hammer.min.js"></script>
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/components/hammer/jquery.hammer.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6WLRtwjdIPrXW5FaNIsgdZG038pLb84Z"></script>
		
    <script src="http://carowner.yonyouauto.com/fs01/ase/v1/components/bootstrapValidator/js/bootstrapValidator.js"></script>
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/common.js"></script>
    
    <script type="text/javascript" src="http://carowner.yonyouauto.com/fs01/ase/v1/js/common/wechatCommon.js"></script>
    <script type="text/javascript" src="../js/leads/Tdt.js?_t=20170919"></script>
	<style> 
a{ text-decoration:none;color:#000;}
.product-head h1{font-size: 14px;font-family: Arial, Helvetica, sans-serif;margin-bottom: 3px;margin-left: 3px;}
.product-head{font-size: 12px;padding: 4px;background-color: #ccc;width: 235px;}
.filterform input{font-size: 15px;padding: 3px;border: 1px solid #999;}
li{padding: 0;margin: 3px;list-style: none;width: 100%;}
li a{color: #000;font-family: Arial, Helvetica, sans-serif;font-size: 11px}
ul{margin: 0;padding: 0;}
.clear{clear: both;}
body{}
input[type="checkbox"]{
	width:20px;
	height:20px;
}
input[type="checkbox"]+span{
	margin-left:10px;
}
 .divyouli{
	/* width: 65px; */
	/* height: 28px; */
	background: #eb9a26;
	position: absolute;
	left: 0px;
	top: 59px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #FFFFFF;
	line-height: 28px;
	font-size: 11px;
	text-indent: 7px;
	padding: 2px;
}
.top-header{
	width: 100%;
    display: inline-block;
    background: url(http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/td1.png) 10px 12px no-repeat;
    background-size: 15px 15px;
    height: 35px;
    background-color: #3d3d3d;
    color: #fff;
    padding: 10px 30px;
    letter-spacing: 2px;
    font-size: 16px;
}

.fatherDiv{width:100%;height:50px;}

.form-horizontal .form-group{
	margin:auto 0px;
}
.modal_btn{
	border: none;
    background: transparent;
    position: relative;
    left: -10px;
    outline: none;
}    
.g{

        text-align:center;
        margin: 20px auto;
        width:100%;
        height:13rem;
        border:1px solid #000;

    }
.d{
                border:.5px solid #000;
                padding:0 .5rem;
            }

.btnbtn{background-color: #E50014; font-size: 17px; margin-top: 14px; width: 100%; height: 45px; border-style: none; border-radius: 5px; color: #FFFFFF;}
.btnbtn1{background-color: #999; color: #fff; width: 100%; height: 45px; border-style: none; border-width: 0; border-radius: 5px;font-size:18px}
    </style> 
</head>
<body  >    
	<div  id="maintainMainDiv" class="container formValidate" 
		data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
		data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
		data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
<div class="row">
<div id="myTabContent" class="container" style="background-color: white">	
	<div class="row">
		<div class="divyouli"><button class='modal_btn' data-toggle="modal" data-target="#myModal">奖励规则</button></div>
        <img id="firstImg" src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/td.png" style="width:100%;">
	</div>
	<div class="row">
		<div class="col-xs-12" style="padding-left: 0px;
    padding-right: 0px;">
			<form class="form-horizontal" role="form" >
		<div class="list-group">
			<div class="form-group has-feedback list-group-item fatherDiv" style='border-bottom: none;'>
	        <div class="input-group " style="margin-left: -11px;">
            <span class="input-group-addon" style="border:0; outline:none;background-color:#fff">朋友姓名</span>
            <input type="text" id="friendname" name="friendname"  style="border:0;text-align:right;padding: 3px 29px 6px 0px" 
		            class="form-control"
					required="required"
	                         data-bv-notempty-message="此项必填">
            </div>
            </div>
            <div class="form-group has-feedback list-group-item fatherDiv" style='border-bottom: none;'>
	        <div class="input-group" style="margin-left: -11px;">
            <span class="input-group-addon" style="border:0;background-color:#fff">朋友电话</span>
            <input type="text" id="friendphone" name="friendphone" style=" border:0;text-align:right;padding: 3px 29px 6px 0px" 
		            class="form-control" 
					 >
            </div>
           </div>
           <div class="form-group has-feedback list-group-item fatherDiv" style='border-bottom: none;'>
		      <a id="" class="list-group-item" onclick="selectCarmodel()" style="border:0 ;padding: 3px 0px 6px 0px">
			   <span id="">推荐车型</span> 
			   <span class="biaoge-jt"></span>
			   <span id="carXin" style="float:right;padding:0 10px 0 0;"></span>
			   <span id="recommendedcar" style="float:right;margin-right: 12px;"></span>
		    </a>
	       </div>
			<div class="form-group has-feedback list-group-item fatherDiv">
		      <a id="" class="list-group-item" onclick="selectNowDealer(this)" style="border:0 ;padding: 3px 0px 6px 0px">
			   <span id="">推荐销售店</span> 
			    <span class="biaoge-jt"></span>
			    <span id="dealerName" style="float:right;margin-right: 12px;"></span>
		     </a>
	      </div>

			<div class="form-group" >
				<label class="col-sm-4 col-xs-4 control-label" style="text-align: left;margin-top: 6px;">推荐理由</label>
				<div class="col-sm-12 col-xs-12" id="TgCode">
                 </div>
           </div>
        	 </div>
			<p>
			<p>

			<div class="form-group has-feedback" >
				<div class="col-sm-10">
				<button class="btnbtn" id="immediatelyAppoint" type="button"
					 >立即推荐</button>
				</div>
			</div>
			<p>
				<input type="hidden" id="userId" name="userId" value=""> 
				<input type="hidden" id="username" name="username" value="">
				<input type="hidden" id="userphone" name="userphone" value=""> 
				<input class="hidden" id="dealerCode" name="dealerCode" value=""> 
				<input class="hidden" id="seriesCode" name="seriesCode" value=""> 
				<input class="hidden" id="tcCode" name="tcCode" value=""> 
			</form>	
		</div>
	</div>
			
		</div>
	</div>
	</div>
			<!-- 推荐车型模态框（Modal） -->
    <div class="modal fade" id="counselorModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
		<div class="modal-body" style="text-align:center;">
		<select name="seviceUser" id="seviceUser" class="form-control" 
						style="padding: 6px 40px" onchange="addCounseor()">
		</select>
		</div>
		</div>
		<button type="button" id="conselorBtn" class="close" data-dismiss="modal"aria-hidden="true"></button>
	</div>
</div>

<!-- 推荐车型选择-二级页面-车系选择 -->
<div id="selectCarmodel" class="list-group container tab-pane fade" style="display: none;">
</div>
<!-- 首选经销商-二级页面-经销商选择 -->
<div id="maintainSelectDealer" class="tab-pane fade" style="display: none;"> 
</div>
<!-- 定位当前城市经销商-经销商选择二级页面 -->
<div id="nowDealerDiv" class="tab-pane fade" style="display: none;">
<script>
	//距离近-距离远
	function near(){
    	var aDiv = document.getElementsByTagName('li');
    	var oUl = document.getElementById("dealerDiv");  
    	var arr = [];
    	for(var i=0;i<aDiv.length;i++)
    	{
       		 arr.push(aDiv[i]);  //aDiv是元素的集合，并不是数组，所以不能直接用数组的sort进行排序。
   		 }
    	arr.sort(function(a,b){return a.getAttribute('data-id') - b.getAttribute('data-id')});
    	for(var i=0;i<arr.length;i++)
    	{
    		oUl.appendChild(arr[i]); //将排好序的元素，重新塞到body里面显示。
    	}
	}
	//距离远-距离近
	function far(){
    	var aDiv = document.getElementsByTagName('li');
    	var oUl = document.getElementById("dealerDiv");  
    	var arr = [];
    	for(var i=0;i<aDiv.length;i++)
    	{
       		 arr.push(aDiv[i]);  //aDiv是元素的集合，并不是数组，所以不能直接用数组的sort进行排序。
   		 }
    	arr.sort(function(a,b){return b.getAttribute('data-id') - a.getAttribute('data-id')});
    	for(var i=0;i<arr.length;i++)
    	{
    		oUl.appendChild(arr[i]); //将排好序的元素，重新塞到body里面显示。
    	}
	}
</script>
<img src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/d2.png" style="width: 100%;"
			onclick="selectMaintainDealer(this)">
		<form class="filterform" action="#">
			<div>
				<br>
				<input id="sou" class="filterinput form-control" type="text"
					placeholder="搜索"
					style="width: 80%; margin: 0 auto; font-size: 16px;">
			</div>

			<div class="dropdown">
				<button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
					data-toggle="dropdown"
					style="background-color: #f6f6f6; font-size: 16px;">
					距离 <span class="caret"></span>
				</button>
				<ul style="text-align: center;" id="distance" class="dropdown-menu"
					role="menu" aria-labelledby="dropdownMenu1">
					<a role="presentation" tabindex="-1" onclick="near()"
						style="font-size: 16px;"><span>由近到远</span></a>
					<br>
					<a role="presentation" tabindex="-1" onclick="far()"
						style="font-size: 16px;"><span>由远到近</span></a>
				</ul>
			</div>
			<div id="searchDealer"></div>
			
			<ul id="list2">
				<li id="KmFirst" data-id="KmFirst"  style="margin: 0px;padding: 3px;">
					<div class="panel panel-default">
						<table style="width: 100%" class="table-condensed">
							<tbody>
								<tr>
									<td style="width: 160px; text-align: left;">
									<a onclick="sureDealer(-1)">
											<p id="nameFirst" style="font-family: 黑体; font-size: 16px; color: #000000" ></p>
											<p class="hidden" id="shortNameFirst"></p>
												
									</a></td>
									<td
										style="width: 100px; text-align: center; font-size: 14px; color: #7a7a7a">
										<span>距离：</span><span id="distanceFirst"></span>
										<input id="addering" value="" class="hidden">
										<input id="dianhua" value="" class="hidden">
									</td>
								</tr>
								<tr>
									<td style="width: 160px; text-align: left;"><span
										id="addrFirst"
										style="font-faminly: 宋体; font-size: 15px; color: #615f5f"></span><br>
										<span id="remarkFirst"
										style="font-faminly: 宋体; font-size: 14px; color: #7a7a7a"></span>
									</td>
									<td style="width: 100px; text-align: center; color: #7a7a7a">
										<a href="" id="Tel"> <span
											class="glyphicon glyphicon-earphone"
											style="color: rgb(255, 0, 23); font-size: 12px;"></span> <span
											style="font-family: 宋体; font-size: 14px; color: #7a7a7a">
												电话</span>
									</a>
									</td>
								</tr>
							</tbody>
						</table>
						<input id="codeFirst" class="hidden" value="">
					</div>
				</li>
				<div id="dealerDiv" class=""></div>
			</ul>
			<!-- <div> <button style="background-color: #E50014;font-size:17px;" id="closeSureDealerBtn" type="button"
					class="btn btn-primary btn-block" onclick="closeSureDealer()">关闭</button>	</div> -->
			<div class="form-group has-feedback">
				<div style="margin-right: 15px; padding-left: 15px; padding-right: 15px; margin-left: 15px;">
					<button id="closeSureDealerBtn" type="button" class="btnbtn" onclick="closeSureDealer()">关闭</button>
				</div>
			</div>		
	</div>
	<!-- 经销商选择-三级页面 -->
	<div id="maintainDealerDiv" class="tab-pane hidde" style="display: none;">
		<img src="http://carowner.yonyouauto.com/fs01/ase/v1/images/GQ/d1.png" style="width: 100%;">
		<form class="filterform" action="#">
			<div>
				<br> <input id="cha" class="filterinput form-control"
					type="text" placeholder="搜索" style="width: 80%; margin: 0 auto;">
			</div>
			<div id="searchCity"></div>
			<div id="dealerMap" class="container">
					<ul id="list1">
						<h3>A</h3>
						<div id="a" style="background-color: #fff"></div>
						<h3>B</h3>
						<div id="b" style="background-color: #fff"></div>
						<h3>C</h3>
						<div id="c" style="background-color: #fff"></div>
						<h3>D</h3>
						<div id="d" style="background-color: #fff"></div>
						<h3>E</h3>
						<div id="e" style="background-color: #fff"></div>
						<h3>F</h3>
						<div id="f" style="background-color: #fff"></div>
						<h3>G</h3>
						<div id="g" style="background-color: #fff"></div>
						<h3>H</h3>
						<div id="h" style="background-color: #fff"></div>
						<h3>I</h3>
						<div id="i" style="background-color: #fff"></div>
						<h3>J</h3>
						<div id="j" style="background-color: #fff"></div>
						<h3>K</h3>
						<div id="k" style="background-color: #fff"></div>
						<h3>L</h3>
						<div id="l" style="background-color: #fff"></div>
						<h3>M</h3>
						<div id="m" style="background-color: #fff"></div>
						<h3>N</h3>
						<div id="n" style="background-color: #fff"></div>
						<h3>O</h3>
						<div id="o" style="background-color: #fff"></div>
						<h3>P</h3>
						<div id="p" style="background-color: #fff"></div>
						<h3>Q</h3>
						<div id="q" style="background-color: #fff"></div>
						<h3>R</h3>
						<div id="r" style="background-color: #fff"></div>
						<h3>S</h3>
						<div id="s" style="background-color: #fff"></div>
						<h3>T</h3>
						<div id="t" style="background-color: #fff"></div>
						<h3>U</h3>
						<div id="u" style="background-color: #fff"></div>
						<h3>V</h3>
						<div id="v" style="background-color: #fff"></div>
						<h3>W</h3>
						<div id="w" style="background-color: #fff"></div>
						<h3>X</h3>
						<div id="x" style="background-color: #fff"></div>
						<h3>Y</h3>
						<div id="y" style="background-color: #fff"></div>
						<h3>Z</h3>
						<div id="z" style="background-color: #fff"></div>
					</ul>
			</div>
	</div>
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
			</div>
			<div class="modal-body">
				<h3 style="text-align: center;">推荐有礼奖励规则</h3>
	            <p  style="font-family:黑体;">一、推荐购车线索积分</p>
	            <p  style=" text-indent:2em;">车主会员在“广汽三菱”微信平台-会•福利-推荐有礼页面提供意向购买广汽三菱汽车的亲友的联系信息（以下简称为：推荐线索），经核查线索有效后，车主会员可获得15分/条的积分；</p>
	            <p  style=" text-indent:2em;">*特别说明一：有效推荐线索必须满足以下两点：</p>
	            <p  style=" text-indent:2em;">&nbsp;&nbsp;a)经广汽三菱客户电话（号码：400-977-3030）致电被推荐人并确认其近6个月内有购车意向；</p>
	            <p  style=" text-indent:2em;">&nbsp;&nbsp;b)车主会员的推荐线索需为广汽三菱首次获得的全新线索；</p>
	            <p  style=" text-indent:2em;">*特别说明二：非车主会员的任何推荐线索只用于推荐成交后的依据，不得线索积分</p>
	            <p  style="font-family:黑体;">二、推荐购车成交积分</p>
	            <p  style=" text-indent:2em;">所有会员在“广汽三菱”微信平台-会•福利-推荐有礼页面提供的推荐线索，当被推荐人使用与推荐线索相同的电话号码在广汽三菱销售服务店购车成交后，车主会员可根据推荐购车累积成交数，获取相应的阶梯成交积分奖励,具体如下表，否则不得成交积分</p>
	            <table cellspacing="0" cellpadding="0" class="g">
			    	<tbody>
			            <tr>
			                <td>推荐购车累积成交数（N）</td>
			                <td>获得积分</td>
			            </tr>
			            <tr>
			                <td class="d">N<3</td>
			                <td class="d">350分/台</td>
			            </tr>
			            <tr>
			                <td class="d">N=3</td>
			                <td class="d">500分/台</td>
			            </tr>
			            <tr>
			                <td class="d">4≤N≤5</td>
			                <td class="d">650分/台</td>
			            </tr>
			            <tr>
			                <td class="d">N≥6</td>
			                <td class="d">800分/台</td>
			            </tr>
			            <tr>
			                <td colspan="2" style="text-align:left" class="d">
			                	备注：推荐购车累积成交数从会员注册之日起，每两年清零一次，推荐购车成交数从1开始累积计算
			                </td>
			            </tr>
			        </tbody>
			    </table>
	            
	            <p  style=" text-indent:2em;">*特别说明一：非车主会员推荐的线索需为广汽三菱首次获得的全新线索，成交奖励方可生效。车主会员不受此限制</p>
	            <p  style=" text-indent:2em;">*特别说明二：关于多个推荐人推荐同一个被推荐人的情况判定：</p>
	            <p  style=" text-indent:2em;">&nbsp;&nbsp;a)多个推荐人推荐同一人到同店的：以第一条推荐为准，购车成功后给第一个推荐人积分；</p>
	            <p  style=" text-indent:2em;">&nbsp;&nbsp;b)多个推荐人推荐同一人到不同店的：以成交店的为准，购车成功后给成交店的推荐人积分。</p>
	            <p  style=" text-indent:2em;">*特别说明三：线索自推荐时间起1年内购车才有成交积分，否则不给成交积分。</p>
	            <p  style=" text-indent:2em;">*特别说明四：严禁销售服务店非广汽三菱车主的内部工作人员参加推荐购车获取积分活动，一经查实有违反此规则的会员，所有积分清零。</p>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
	<!-- 定位 -->
	<input class="hidden" id="regionName" name="regionName" value="">
	<input class="hidden" id="latitude" name="latitude" value="">
	<input class="hidden" id="longitude" name="longitude" value="">
	<input class="hidden" id="address" name="address" value="">
	<input class="hidden" id="phonenumber" name="phonenumber" value="">
<div id="allmap"></div>
	<script type="text/javascript">
		$("#allmap").hide();
		var map = new BMap.Map("allmap");
		var point = new BMap.Point(116.709684, 39.89778);
		map.centerAndZoom(point, 16);
		map.enableScrollWheelZoom();

		var myIcon = new BMap.Icon("myicon.png", new BMap.Size(30, 30), {
			anchor : new BMap.Size(10, 10)
		});

		var marker = new BMap.Marker(point, {
			icon : myIcon
		});
		map.addOverlay(marker);

		var geolocation = new BMap.Geolocation();
		geolocation.getCurrentPosition(function(r) {
			if (this.getStatus() == BMAP_STATUS_SUCCESS) {
				var mk = new BMap.Marker(r.point);
				map.addOverlay(mk);
				//map.panTo(r.point);//地图中心点移到当前位置
				var latCurrent = r.point.lat;
				var lngCurrent = r.point.lng;
				//alert('我的位置：' + latCurrent + ',' + lngCurrent);
				$("#latitude").val(latCurrent);
				$("#longitude").val(lngCurrent);
				//根据经纬度查城市名
				getAddress(lngCurrent, latCurrent);
				//location.href="http://api.map.baidu.com/direction?origin="+latCurrent+","+lngCurrent+"&destination=39.89778,116.709684&mode=driving&region=北京&output=html";

			} else {
				//alert('failed' + this.getStatus());
			}
		}, {
			enableHighAccuracy : true
		})

		map.addOverlay(marker);
		var licontent = "";
		var opts = {
			width : 200,
			height : 80,
		};
		var infoWindow = new BMap.InfoWindow(licontent, opts);
		marker.openInfoWindow(infoWindow);
		marker.addEventListener('click', function() {
			marker.openInfoWindow(infoWindow);
		});

		function getAddress(longitude, latitude) {

			var address;

			//通过baiduMap API获取街道名称
			var map = new BMap.Map("allmap");
			var point = new BMap.Point(longitude, latitude);
			var gc = new BMap.Geocoder();

			gc.getLocation(point, function(rs) {

				var addComp = rs.addressComponents;

				address = addComp.province + ", " + addComp.city + ", "
						+ addComp.district + ", " + addComp.street + ", "
						+ addComp.streetNumber;
				//alert(addComp.city);
				$("#sou").attr('placeholder',"当前城市为："+addComp.city);
				$("#regionName").val(addComp.city);
			});
			return address;
		}
	</script>
	</div>
		
</body>

</html>